<template>
    <div>
      <el-card class="mb-4" shadow="never">
        <template #header>
          <div class="card-header">
            <span>热门话题</span>
          </div>
        </template>
        <ul class="list-unstyled">
          <li class="mb-2"><a href="#" class="text-decoration-none">#静脉输液新规范</a></li>
          <li class="mb-2"><a href="#" class="text-decoration-none">#护理文书</a></li>
          <li class="mb-2"><a href="#" class="text-decoration-none">#老年护理</a></li>
          <li class="mb-2"><a href="#" class="text-decoration-none">#急诊护理</a></li>
          <li><a href="#" class="text-decoration-none">#ICU护理</a></li>
        </ul>
      </el-card>
  
      <el-card class="mb-4" shadow="never">
        <template #header>
          <div class="card-header">
            <span>推荐用户</span>
          </div>
        </template>
        <div class="d-flex align-items-center mb-3">
          <el-avatar :size="40" src="https://placeholder.pics/svg/40/DEDEDE/555555/导师" class="me-2" />
          <div>
            <h6 class="mb-0">王导师</h6>
            <small class="text-muted">知名护理专家</small>
          </div>
          <el-button size="small" class="ms-auto">关注</el-button>
        </div>
        <div class="d-flex align-items-center mb-3">
          <el-avatar :size="40" src="https://placeholder.pics/svg/40/DEDEDE/555555/护士长" class="me-2" />
          <div>
            <h6 class="mb-0">陈护士长</h6>
            <small class="text-muted">某三甲医院护士长</small>
          </div>
          <el-button size="small" class="ms-auto">关注</el-button>
        </div>
      </el-card>
    </div>
  </template>
  
  <script setup>
  // 目前是纯静态组件，无需脚本
  </script>
  
  <style scoped>
  /* ... 其他从 Community.vue 迁移过来的样式 ... */
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .text-decoration-none { text-decoration: none; }
  .mb-2 { margin-bottom: 0.5rem; }
  </style>